<template>
  <div style="width: 50%; background-color: #f1f7ff">
    <div class="btnymu89" @click="ddddd">智能客服</div>
    <van-tabs v-model:active="active" background="#f1f7ff">
      <van-tab title="门诊">
        <Outpatient></Outpatient>
      </van-tab>
      <van-tab title="住院">
        <Outpatients></Outpatients>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script setup lang="ts">
import Outpatient from "@/views/tabs/home/Outpatient.vue";
import Outpatients from "@/views/tabs/home/Outpatients.vue";
import { ref } from "vue";
const active = ref(0);
import { useRouter } from "vue-router";
const router = useRouter();

const ddddd = () => {
  router.push("/AIChat");
};
</script>

<style scoped>
.btnymu89 {
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 55px;
  height: 55px;
  background-color: #1890ff;
  border-radius: 50%;
  text-align: center;
  line-height: 55px;
  color: #fff;
  font-size: 20px;
  z-index: 999;
  font-size: 12px;
}
</style>